<template>
  <div class="page-list">
     <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
      <van-list
        v-model:loading="loading"
        :finished="finished"
        finished-text="没有更多数据了"
        @load="onLoad"
      >
        <van-cell v-for="item in matchList" :key="item.id" >
          <matchItem :matchItem = "item"/>
        </van-cell>
      </van-list>
    </van-pull-refresh>
  </div>
</template>

<script setup lang="ts">
import { defineProps, reactive } from 'vue';
import matchItem from './MatchItem.vue';
var matchList = reactive([{
  id: '1',
  isProduct: false,
  matchDate: '2024-08-12',
  matchStatus:'0',// 0匹配失败，1成功，2代反馈
  bType: '服务',
  bLable: '提供电子大屏及话筒等配套设备',
  bMan: '供给方',
  pubParty: 'XCMG徐工集团',
  cooperParty: '湖南拓天路桥工程机械有限公司',
  matchRes:'1',//0反馈撮合结果，1查看撮合结果
}, {
  id: '2',
  isProduct:true,
  matchDate: '2024-08-12',
  matchStatus:'1',// 0匹配失败，1成功，2代反馈
  bType: '服务',
  bLable: '提供电子大屏及话筒等配套设备',
  bMan: '需求方',
  pubParty: 'XCMG徐工集团',
  cooperParty:'湖南拓天路桥工程机械有限公司',
  matchRes:'0',//0反馈撮合结果，1查看撮合结果
},{
  id: '3',
  isProduct: false,
  matchDate: '2024-08-12',
  matchStatus:'2',// 0匹配失败，1成功，2代反馈
  bType: '服务',
  bLable: '提供电子大屏及话筒等配套设备',
  bMan: '需求方',
  pubParty: 'XCMG徐工集团',
  cooperParty:'湖南拓天路桥工程机械有限公司',
  matchRes:'0',//0反馈撮合结果，1查看撮合结果
},{
  isProduct: false,
  matchDate: '2024-08-12',
  matchStatus:'0',// 0匹配失败，1成功，2代反馈
  bType: '服务',
  bLable: '提供电子大屏及话筒等配套设备',
  bMan: '需求方',
  pubParty: 'XCMG徐工集团',
  cooperParty:'湖南拓天路桥工程机械有限公司',
  matchRes:'0',//0反馈撮合结果，1查看撮合结果
},{
isProduct: false,
  matchDate: '2024-08-12',
  matchStatus:'0',// 0匹配失败，1成功，2代反馈
  bType: '服务',
  bLable: '提供电子大屏及话筒等配套设备',
  bMan: '需求方',
  pubParty: 'XCMG徐工集团',
  cooperParty:'湖南拓天路桥工程机械有限公司',
  matchRes:'0',//0反馈撮合结果，1查看撮合结果
  },])
  const props = defineProps(['currentCode','currentTab'])
const loading = ref(false) // 上拉加载
const finished = ref(false) // 加载完成
const refreshing = ref(false) // 下拉刷新
console.log("props==",props);

// 上拉加载
const onLoad = () => { 
// 接受code加载列表

}
// 下拉刷新
const onRefresh = () => { 
console.log("refresh");

}

</script>

<style lang="scss" scoped>
.page-list {
  height: calc(100% - 126px);
  overflow-y: auto;
  background-color: var(--bob-background-color);
  padding-top:76px;
}
:deep(.van-list){
  width: calc(100% - 32px);
  height: calc(100% - 126px);
  padding: 0 16px;
}
:deep(.van-cell){
  margin-top:12px;
  padding:0;
}

</style>

